<template>
  <div class="recommend">
    <div class="info-header">热门推荐</div>
    <good-list :goodList="recommendList"></good-list>
  </div>
</template>

<script scoped>
  import GoodList from '@/views/home/childComps/GoodList'
  export default {
    name: 'DetailRecommendInfo',
    data() {
        return {}
    },
    props: {
      recommendList: {
        type: Array,
        default: []
      }
    },
    components: {
      GoodList
    }
  }
</script>

<style lang='less' scoped>
  .recommend {
    .info-header {
      padding: .28rem .18rem .18rem;
    }
  }
</style>
